import React, { Component } from 'react';
import Student from './components/Student.js'
import {BrowserRouter as Router,Route,Link} from 'react-router-dom'
import { LinkContainer } from 'react-router-bootstrap'
import Qiandao from './components/Qiandao';
import Ribao from './components/Ribao';

class App extends Component {
  render() {
    return (
     <Router>
      <div>
          <header className="main-header">
            <a href="" className="logo">
              <span className="logo-mini"><b>A</b>LT</span>      
              <span className="logo-lg"><b>管理系统</b></span>
            </a>
            <nav className="navbar navbar-static-top" role="navigation">
              <a href="#" className="sidebar-toggle" data-toggle="push-menu" role="button">
                <span className="sr-only">Toggle navigation</span>
              </a>
            </nav>
          </header>

          <aside className="main-sidebar">
             <section className="sidebar">
                <ul className="sidebar-menu" data-widget="tree">
                  <li className="header">HEADER</li>

                   {/* <li className="active">
                    <Link to ='/student'>
                    <span >学生管理</span>
                    </Link>
                  </li>

                    <li>
                      <Link to ='/qiandao'>
                      <span>签到管理</span>
                      </Link >
                    </li> */}

                    {/* <li>
                      <Link to ='ribao'>
                      <span>日报管理</span>
                      </Link> 
                    </li>  */}

                    <LinkContainer exact to='/' >
                      <li>
                        <a href="javascript;:"><span>学生管理</span></a>
                      </li>
                    </LinkContainer>
                    <LinkContainer exact to='/qiandao' >
                      <li>
                        <a href="javascript;:"><span>签到管理</span></a>
                      </li>
                    </LinkContainer>
                    <LinkContainer exact to='/ribao' >
                      <li>
                        <a href="javascript;:"><span>日报管理</span></a>
                      </li>
                    </LinkContainer>
                 </ul>
             </section>
          </aside>

          <div className="content-wrapper">
            <Route path="/student" component={Student} />
            <Route path="/qiandao" component={Qiandao} />
            <Route path="/ribao" component={Ribao} />
            <Route exact path="/" component={Student}/>
          {/* <Student /> */}
          </div>
          <footer className="main-footer">
            <div className="pull-right hidden-xs">
                    Anything you want
            </div>    
            <strong>Copyright &copy; 2016 <a href="#">Company</a>.</strong> All rights reserved.
          </footer>  
      </div>
    </Router>
    );
  }
}

export default App;
